<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../../common/js/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../../common/js/bootstrap-3.3.7-dist/css/bootstrap-datatimepicker.4.14.47.min.css" />

		<link rel="stylesheet" type="text/css" href="../../css/footer.css" />
		<link rel="stylesheet" type="text/css" href="../../css/swiper-3.4.2.min.css" />
		<!--<link rel="stylesheet" type="text/css" href="css/manager.css"/>-->

		<script src="../../../common/js/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script ssrc="../../../common/js/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../common/js/bootstrap-3.3.7-dist/js/moment-with-locales.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../../common/js/bootstrap-3.3.7-dist/js/bootstrap-datatimepicker.4.14.47.js" type="text/javascript" charset="utf-8"></script>

		<!--画图插件-->
		<!--<script src="../../js/Chart.addTest.js" type="text/javascript" charset="utf-8"></script>-->
		<script src="../../js/flexible.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			#tabHead {
				padding: 0.347222rem 0;
				overflow: hidden;
				margin-bottom: 0px;
			}
			
			.tabMain {
				font-size: 0.416666rem;
				text-align: center;
				float: left;
				width:33.3333333333%;
				color: #000000;
			}
			.liMain{
				font-size: 0.333333rem;
				text-align: center;
				float: left;
				width: 33.3333333%;
				color: #000000;
				padding: 0.416666rem 0rem;
				border-bottom: 1px solid gainsboro;
			}
			.activeIntegral {
				width: 50%;
				text-align: center;
				overflow: hidden;
				float: left;
				
			}
			li{
				font-size: 0.333333rem;margin-bottom: 0.138888rem;
			}
		</style>
	</head>

	<body>
		<div id="wrap">
			<div id="main">
				<div id="header">
					<a id="headImg" href="javascript:history.go(-1)"><img class="headImg" src="../../images/12.png" /></a>
					<p id="headTitle" style="font-size: 16px;">人事档案详情</p>
					<a href="renshi.html" style="position: absolute;top: .2rem;right: .3333rem;border: 1px solid red;padding:.1rem .2rem;border-radius: .6rem;color: red;" href="#">人事档案</a>
				</div>
				<div id="content" style="padding-top: 1.3rem;">
					<!--<p style="overflow: hidden;padding: 0.347222rem 0;background-color: white;"><span class="tabMain">产品部</span><span class="tabMain">员工</span><span class="tabMain">张丽婷</span></p>-->
					<div style="background-color: white;height: 18rem;">
						<ul style="padding-left: 1rem;padding-top: .6rem;">
							<li>姓名：张丽婷</li>
							<li>部门：产品部</li>
							<li>职位：产品经理</li>
							<li>性别：男</li>
							<li>工号：112</li>
							<li>特长：锻炼、唱歌</li>
							<li>手机号：11111111111</li>
							<li>身份证号：123123123312331212</li>
							<li>生日：9-22</li>
							<li>邮箱：12312@qq.com</li>
							<li>学历：大专</li>
							<li>毕业院校：吉林大学</li>
							<li>入职时间：2017-3-3</li>
							<li>工作年限：7年</li>
							<li>户籍地：吉林省吉林市</li>
							<li>婚姻状况：未婚</li>
							<li>现住址：吉林省吉林市船营区粤北振林</li>
							<li>紧急联系人：张志</li>
							<li>关系：父子</li>
							<li>紧急联系人电话：123123891238901</li>
						</ul>
						
					</div>
				</div>
			</div>
			<div id="foot" class="row">
				<a class="foot col-xs-3 col-sm-3" href="../kaoqin/index2.html">
					<img class="footImg" src="../../images/guanlixuanzhong.png" />
					<p>管理</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../coalition/colalition.html">
					<img class="footImg" src="../../images/lianmengchushi.png" />
					<p>联盟</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../store/store.html">
					<img class="footImg" src="../../images/11.png" />
					<p>商城</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../personage/personIndex.html">
					<img class="footImg" src="../../images/13.png" />
					<p>我的</p>
				</a>
			</div>
		</div>

	</body>
	<script src="../../js/handlebars-v2.0.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/rhAdmin.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$('.tabMain').click(function(){
			$('.tabMain').css({
				'color':'black'
			});
			var a = $('.tabMain').index($(this));
			$(this).css({
				'color':'red'
			});
			$('.main111').css({
				'display':'none'
			});
			$('.main111').eq(a).css({
				'display':'block'
			});
		})
	</script>
</html>